﻿@charset "utf-8";
*{margin:0;padding:0;}
body{font: normal 75%/1.8em tahoma, "Microsoft YaHei", Simsun, Mingliu, Arial, Helvetica;text-align:center;background: url(images/login_body_bg.png) #fff repeat-x center 200px; height: 100%;}
h1,h2,h3,h4,h5,h6{font-size:110%;}
a:link,a:visited,a:active{color: #000;text-decoration:none;}
a:hover{color: #c9980d;text-decoration:none;}
img{border: 0;}
.left{float:left;display:block;}
.right{float:right;display:block;}
.m{width:700px;margin:auto;}
.main{ position:relative; width:700px; height: 388px; margin:140px 0 0; background:url(images/login_logo.png) no-repeat left top; }

.login{ position:absolute; width:308px; height:348px; top: -5px; right: 5px; z-index: 3; padding:10px; border:1px solid #868c91; background: url(/images/input_bg.gif) #fff repeat-x left bottom;}
.lbg{ position:absolute; width:310px; height:350px; top: 0px; right: 0px; z-index: 2; padding:10px; background: #000; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2; opacity: 0.2;}
.login h3{ padding:18px 8px 8px; font-size:16px; cursor:help; text-align: left; border-bottom: 1px dotted #ccc; }
.login ul{ list-style:none; width:230px; margin:0 auto; }
.login ul li{ padding:3px 0 0; text-align:left; }
.login ul li label{ display:block; width:88px; height:20px; padding:2px 2px 0 0; text-align:left; }
.login ul li input{ width:200px;padding:4px 3px 3px; border:1px solid #139041; font-family:Arial; background: #fff; color: #a35912; font-size: 14px; }
.login ul li button { width:118px; height:30px; border:none; color:#fff; letter-spacing:.5em; cursor:pointer; text-align:center; background:url(images/button.gif) no-repeat center;}
.login ul li .regbutton { width:118px; height:30px; padding:0; border:none; color:#fff; background:url(images/login_btn.gif) no-repeat center;}
.login ul li input.code { width:110px; color:#1251b9;}
.login ul li span.code{ cursor:pointer;}
.login ul li span,.login ul li img,.login ul li input{vertical-align:middle;}

.loginImg{ position:relative; display:block; height:245px; top: 60px; background: url(images/main.png) no-repeat 0px bottom;}

.copy { border-top:1px solid #eee; color:#555; padding:6px 6px 2px; }
.copy a { text-decoration: underline;}
